<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>魏老师作文</title> 
    <link href="1.css" rel="stylesheet" /> 
    <link href="nav.css" rel="stylesheet" /> 
    <link href="flipcard.css" rel="stylesheet" />
</head>

<body>
    <header>
        <img src="OIP-C.jpeg" alt="" id="img-one"/> 
        <nav class="horizontalNavigation">
            <ul>
                <li><a href="index.html">首页</a></li> 
                <li><a href="作文.html">优秀作文</a></li> 
                <li><a href="教学指南.html">教学指南</a></li> 
            </ul>
        </nav>
    </header>
    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <h2>My Values</h2> 
            </div>
            <div class="flip-card-back">
                <h2>Responsibility: </h2> 
                <p>I hold myself accountable for my actions and strive to make choices that contribute 
                    to a sustainable and equitable future.</p>
                <h2>Collaboration:</h2>
                <p>Working together is essential for creating lasting change. 
                    I value partnerships and teamwork in all my endeavors.</p>
            </div>
        </div>
    </div>
    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <h2>My Interests</h2> 
            </div>
            <div class="flip-card-back">
                <h2>Sustainable Living: </h2> 
                <p>I'm passionate about adopting and promoting sustainable practices 
                    in daily life, from reducing waste to supporting eco-friendly products.</p>
                <h2>Community Building:</h2>
                <p>I enjoy creating and participating in community initiatives 
                    that bring people together and foster a sense of belonging.</p>
            </div>
        </div>
    </div>
    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <h2>My Hobbies</h2> 
            </div>
            <div class="flip-card-back">
                <h2>Jogging: </h2> 
                <p>Maintaining my physical health and feeling relaxed when jogging in a park.</p>
                <h2>Gardening:</h2>
                <p>Growing my own food helps me eat healthier. Gardening also
                    provides exercise.</p>
            </div>
        </div>
    </div>
    <div class="flip-card">
        <div class="flip-card-inner">
            <div class="flip-card-front">
                <h2>My Personality</h2> 
            </div>
            <div class="flip-card-back">
                <p>I am a proactive and optimistic individual, always looking for ways to make a difference. 
                    My approach is both practical and compassionate, focusing on actionable steps that lead to meaningful outcomes. 
                    I thrive in collaborative environments and believe in the power of community to achieve shared goals.</p>
            </div>
        </div>
    </div>
</body>
<footer>
    <p>Contact: 1749386585@qq.com</p>
</footer>
</html>